.fitbox {
	height: 100%;
	background: url(../../assets/images/advertisement-bg.jpg) no-repeat
		center/cover;

	.time-box {
		position: absolute;
		display: flex;
		align-items: center;
		top: 20px;
		right: 20px;
		width: 100px;
		height: 40px;
		background: #fff;
		border-radius: 20px;
		color: #101010;

		span {
			text-align: center;
			width: 50px;
			height: 14px;
			line-height: 14px;
			font-size: 14px;
		}

		.time {
			border-right: 1px solid #101010;
		}
	}

	h1 {
		position: absolute;
		bottom: 120px;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 48px;
		animation: move 2s forwards;
	}
}

// 动画
@keyframes move {
	0% {
		bottom: -48px;
		opacity: 0;
		font-size: 12px;
	}
	50% {
		bottom: 200px;
		opacity: 0.5;
		font-size: 60px;
	}
	70% {
		bottom: 120px;
		opacity: 1;
		font-size: 48px;
	}
	80% {
		bottom: 160px;
		opacity: 1;
		font-size: 48px;
	}
	90% {
		bottom: 120px;
		opacity: 1;
		font-size: 48px;
	}
	95% {
		bottom: 140px;
		opacity: 1;
		font-size: 48px;
	}
	100% {
		bottom: 120px;
		opacity: 1;
		font-size: 48px;
	}
}
